}
}
-textview border {
- background-color: mix($bg_color, $base_color, 50%);
- background-image: image(transparentize(black, 0.8)); // HACK: the border node just draws background so,
- background-repeat: no-repeat; // using a background-image to draw the border
-
- &:backdrop { background-color: mix($backdrop_bg_color, $backdrop_base_color, 50%); }
-
- &.bottom {
- background-size: 100% 1px;
- background-position: top;
- }
-
- &.top {
- background-size: 100% 1px;
- background-position: bottom;
- }
-
- &.left {
- background-size: 1px 100%;
- background-position: right;
- }
-
- &.right {
- background-size: 1px 100%;
- background-position: left;
- }
-}
+textview border { background-color: mix($bg_color, $base_color, 50%); }
iconview { @extend .view; }
border-radius: 3px; }
textview border {
- background-color: #2b3032;
- background-image: image(rgba(0, 0, 0, 0.2));
- background-repeat: no-repeat; }
- textview border:backdrop {
- background-color: #2c3234; }
- textview border.bottom {
- background-size: 100% 1px;
- background-position: top; }
- textview border.top {
- background-size: 100% 1px;
- background-position: bottom; }
- textview border.left {
- background-size: 1px 100%;
- background-position: right; }
- textview border.right {
- background-size: 1px 100%;
- background-position: left; }
+ background-color: #2b3032; }
.rubberband,
rubberband,
border-radius: 3px; }
textview border {
- background-color: #f4f4f3;
- background-image: image(rgba(0, 0, 0, 0.2));
- background-repeat: no-repeat; }
- textview border:backdrop {
- background-color: #f2f2f2; }
- textview border.bottom {
- background-size: 100% 1px;
- background-position: top; }
- textview border.top {
- background-size: 100% 1px;
- background-position: bottom; }
- textview border.left {
- background-size: 1px 100%;
- background-position: right; }
- textview border.right {
- background-size: 1px 100%;
- background-position: left; }
+ background-color: #f4f4f3; }
.rubberband,
rubberband,